iT邦幫忙

2023 iThome 鐵人賽

DAY 2
0
自我挑戰組

從零開始Vue(View)系列 第 2

[Day2]進入Vue

  • 分享至 

  • xImage
  •  

接續上一篇文章講到的MVC架構,因為MVC架構的流程處理方式,會導致效能降低、關聯容易變得複雜等因素,造就新模式出現,有Flux、MVVM等,。

Vue的特性
每個框架都有各自的框架概念,例如Angular.js是用MVVM的架構,React.js是用Flux架構,而Vue.js集結兩個框架的好處,將MVVM資料雙向綁定特性和Flex單向資料流特性結合起來。

  • 單向資料流(顯示)
    作用是顯示資料,網頁會根據資料進行資料的渲染,當來源資料更新的時候,頁面會重新渲染顯示新的頁面。
    (渲染是指將Vue組件中的數據和模板編譯成HTML、CSS、JavaScript等前端頁面所需要的代碼的過程。)

  • 資料雙向綁定(互動)
    想像有一個網頁上的文字方塊,我們想讓使用者能夠在那裡輸入文字,同時也要把這個輸入的文字儲存在程式碼中的一個變數中,這樣也可以在程式碼中使用這個文字。Vue的資料雙向綁定能夠幫助我們完成這個任務,就像是有一條繩子把兩個綁在一起。

下篇即將進入到Vue的環境建置。


上一篇
[Day1]初探
下一篇
[Day3]建置Vue環境
系列文
從零開始Vue(View)30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言